<?php
    \defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">Groups</h3>
    </div>
    <div class="loading-indicator"><div class="img"></div>Loading...</div>
    <div class="text-center error_msg"><p>Error, could not get the requested data from the server:</p></div>
    <div class="panel-body">
        <div class="btn-toolbar">
          <div class="btn-group">
              <?php /* 
               * todo: if user has permission to add new group then show the button 
               */ ?>
              <button id="btn_add" type="button" class="btn btn-default">
                  <span class="glyphicon glyphicon-star"></span> Add
              </button>
              
              <?php /* 
               * todo: if user has permission to Edit group then show the button 
               */ ?>
              <button id="btn_edit" type="button" class="btn btn-default" data-bind='enable:n()>0'>
                  <span class="glyphicon glyphicon-edit"></span> Edit
              </button>
              
              <?php /* 
               * todo: if user has permission to Delete groups then show the button 
               */ ?>
              <button id="btn_delete" type="button" class="btn btn-default" data-bind='enable:n()>0'>
                  <span class="glyphicon glyphicon-trash"></span> Delete
              </button>
          </div>
        </div>
        <hr>
        <div class="container groups_list"></div>
    </div>
    <div class="panel-footer">
        <span class="checked_counter" data-bind="text:n"></span>
        <span class="checked_text"></span>
    </div>
</div>
